home *** CD-ROM | disk | FTP | other *** search
/ Freelog 125 / Freelog_MarsAvril2015_No125.iso / ViePratique / ArchiFacile / ArchiFacileSetup.exe / {app} / nw.pak / Unnamed File 001070.txt < prev    next >
Text File  |  2014-10-14  |  17KB  |  833 lines
  1. /*
  2.  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  3.  * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
  4.  *
  5.  * Redistribution and use in source and binary forms, with or without
  6.  * modification, are permitted provided that the following conditions
  7.  * are met:
  8.  *
  9.  * 1.  Redistributions of source code must retain the above copyright
  10.  *     notice, this list of conditions and the following disclaimer.
  11.  * 2.  Redistributions in binary form must reproduce the above copyright
  12.  *     notice, this list of conditions and the following disclaimer in the
  13.  *     documentation and/or other materials provided with the distribution.
  14.  * 3.  Neither the name of Apple Computer, Inc. ("Apple") nor the names of
  15.  *     its contributors may be used to endorse or promote products derived
  16.  *     from this software without specific prior written permission.
  17.  *
  18.  * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
  19.  * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
  20.  * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
  21.  * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
  22.  * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
  23.  * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
  24.  * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
  25.  * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  26.  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
  27.  * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  28.  */
  29.  
  30. #timeline-overview-panel {
  31.     flex: 0 0 81px;
  32.     position: relative;
  33.     border-bottom: 1px solid rgb(140, 140, 140);
  34. }
  35.  
  36. #timeline-overview-panel .timeline-graph-bar {
  37.     pointer-events: none;
  38. }
  39.  
  40. .timeline-records-title, .timeline-records-list {
  41.     background-color: rgb(236, 236, 236);
  42. }
  43.  
  44. .timeline-records-title {
  45.     padding: 3px 3px 3px 5px;
  46.     flex: 0 0 19px;
  47.     color: rgb(92, 110, 129); text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
  48. }
  49.  
  50. .timeline-records-list {
  51.     flex: auto;
  52. }
  53.  
  54. #timeline-overview-sidebar {
  55.     flex: none;
  56.     padding-right: 10px;
  57.     border-right: 1px solid rgb(64%, 64%, 64%);
  58. }
  59.  
  60. #timeline-overview-grid {
  61.     background-color: rgb(255, 255, 255);
  62. }
  63.  
  64. .timeline-frames-view .timeline-records-counter {
  65.     display: none;
  66. }
  67.  
  68. .timeline-frames-view #timeline-overview-grid {
  69.     display: none;
  70. }
  71.  
  72. #timeline-overview-grid .resources-dividers-label-bar {
  73.     pointer-events: auto;
  74. }
  75.  
  76. .timeline-frames-view .overview-grid-window,
  77. .timeline-frames-view .overview-grid-dividers-background {
  78.     height: 100%;
  79. }
  80.  
  81. #timeline-overview-grid #resources-graphs {
  82.     position: absolute;
  83.     top: 0;
  84.     left: 0;
  85.     right: 0;
  86.     height: 80px;
  87. }
  88.  
  89. #timeline-container {
  90.     border-right: 0 none transparent;
  91.     overflow-y: scroll;
  92.     overflow-x: hidden;
  93. }
  94.  
  95. .timeline-records-view {
  96.     overflow: hidden !important;
  97. }
  98.  
  99. .timeline-details-split {
  100.     flex: auto;
  101. }
  102.  
  103. .timeline-view {
  104.     flex: auto;
  105. }
  106.  
  107. .timeline-view-stack {
  108.     flex: auto;
  109.     display: flex;
  110. }
  111.  
  112. #timeline-container .webkit-html-external-link,
  113. #timeline-container .webkit-html-resource-link {
  114.     color: inherit;
  115. }
  116.  
  117. .timeline-tree-item {
  118.     height: 18px;
  119.     line-height: 15px;
  120.     padding-right: 5px;
  121.     padding-left: 5px;
  122.     padding-top: 2px;
  123.     white-space: nowrap;
  124.     text-overflow: ellipsis;
  125.     overflow: hidden;
  126. }
  127.  
  128. .timeline-tree-item.selected {
  129.     background-color: rgb(56, 121, 217) !important;
  130.     color: white;
  131. }
  132.  
  133. .timeline-tree-item.hovered:not(.selected),
  134. .timeline-graph-side.hovered {
  135.     background-color: rgba(0, 0, 0, 0.05) !important;
  136. }
  137.  
  138. .timeline-expandable {
  139.     position: absolute;
  140.     border-left: 1px solid rgb(163, 163, 163);
  141.     pointer-events: none;
  142. }
  143.  
  144. .timeline-expandable-left {
  145.     position: absolute;
  146.     top: 0;
  147.     bottom: 0;
  148.     left: 0;
  149.     width: 3px;
  150.     border-top: 1px solid rgb(163, 163, 163);
  151.     border-bottom: 1px solid rgb(163, 163, 163);
  152. }
  153.  
  154. .timeline-tree-item-expand-arrow {
  155.     display: inline-block;
  156.     -webkit-user-select: none;
  157.     -webkit-mask-image: url(Images/statusbarButtonGlyphs.png);
  158.     -webkit-mask-size: 320px 144px;
  159.     width: 10px;
  160.     height: 10px;
  161.     content: "";
  162.     background-color: rgb(110, 110, 110);
  163.     position: relative;
  164.     top: -1px;
  165.     left: -1px;
  166. }
  167.  
  168. @media (-webkit-min-device-pixel-ratio: 1.5) {
  169. .timeline-tree-item-expand-arrow {
  170.     -webkit-mask-image: url(Images/statusbarButtonGlyphs_2x.png);
  171. }
  172. } /* media */
  173.  
  174. .timeline-tree-item-expand-arrow.parent {
  175.     -webkit-mask-position: -4px -96px;
  176. }
  177.  
  178. .timeline-tree-item-expand-arrow.parent.expanded {
  179.     -webkit-mask-position: -20px -96px;
  180. }
  181.  
  182. .timeline-expandable-arrow {
  183.     background-image: url(Images/statusbarButtonGlyphs.png);
  184.     background-size: 320px 144px;
  185.     opacity: 0.5;
  186.     width: 10px;
  187.     height: 10px;
  188.     position: relative;
  189.     top: 3px;
  190.     left: 2px;
  191. }
  192.  
  193. @media (-webkit-min-device-pixel-ratio: 1.5) {
  194. .timeline-expandable-arrow {
  195.     background-image: url(Images/statusbarButtonGlyphs_2x.png);
  196. }
  197. } /* media */
  198.  
  199. .timeline-expandable-collapsed .timeline-expandable-arrow {
  200.     background-position: -4px -96px;
  201. }
  202.  
  203. .timeline-expandable-expanded .timeline-expandable-arrow {
  204.     background-position: -20px -96px;
  205. }
  206.  
  207. .timeline-tree-item .type {
  208.     padding-left: 5px;
  209. }
  210.  
  211. .timeline-tree-item .count {
  212.     font-weight: bold;
  213. }
  214.  
  215. .timeline-tree-item .timeline-tree-icon {
  216.     position: relative;
  217.     top: -1px;
  218.     left: 1px;
  219.     width: 7px;
  220.     height: 7px;
  221.     border-radius: 1px;
  222.     border: solid 1px;
  223.     display: inline-block;
  224. }
  225.  
  226. .timeline-tree-item.background .timeline-tree-icon {
  227.     background: none !important;
  228. }
  229.  
  230. .timeline-tree-item-warning {
  231.     display: block;
  232.     background-image: url(Images/statusbarButtonGlyphs.png);
  233.     background-size: 320px 144px;
  234.     width: 10px;
  235.     height: 10px;
  236.     float: right;
  237.     background-position: -202px -107px;
  238.     position: relative;
  239.     top: 2px;
  240. }
  241.  
  242. .timeline-tree-item-child-warning {
  243.     opacity: 0.6;
  244. }
  245.  
  246. @media (-webkit-min-device-pixel-ratio: 1.5) {
  247. .timeline-tree-item-warning {
  248.     background-image: url(Images/statusbarButtonGlyphs_2x.png);
  249. }
  250. } /* media */
  251.  
  252. .timeline-tree-item .data.dimmed {
  253.     color: rgba(0, 0, 0, 0.7);
  254.     pointer-events: none;
  255.     padding-left: 4px;
  256. }
  257.  
  258. .timeline-tree-item.selected .data.dimmed {
  259.     color: rgba(255, 255, 255, 0.8);
  260.     pointer-events: auto;
  261. }
  262.  
  263. .timeline-tree-item.selected .timeline-tree-item-expand-arrow {
  264.     background-color: white;
  265. }
  266.  
  267. #timeline-overview-events,
  268. #timeline-overview-memory,
  269. #timeline-overview-power {
  270.     position: absolute;
  271.     left: 0;
  272.     right: 0;
  273.     bottom: 0;
  274.     top: 20px;
  275.     z-index: 160;
  276. }
  277.  
  278. #timeline-overview-memory,
  279. #timeline-overview-power  {
  280.     top: 25px;
  281. }
  282.  
  283. #timeline-overview-pane {
  284.     flex: 0 0 80px;
  285.     position: relative;
  286.     overflow: hidden;
  287. }
  288.  
  289. #timeline-overview-container {
  290.     display: flex;
  291.     flex: auto;
  292.     position: relative;
  293.     height: 80px;
  294.     overflow: hidden;
  295. }
  296.  
  297. #timeline-overview-container canvas {
  298.     width: 100%;
  299.     height: 100%;
  300. }
  301.  
  302. #timeline-overview-frames canvas {
  303.     z-index: 200;
  304.     background-color: rgba(255, 255, 255, 0.8);
  305. }
  306.  
  307. #timeline-graphs {
  308.     position: absolute;
  309.     left: 0;
  310.     right: 0;
  311.     max-height: 100%;
  312.     top: 20px;
  313. }
  314.  
  315. .timeline-graph-side {
  316.     position: relative;
  317.     height: 18px;
  318.     padding: 0 5px;
  319.     white-space: nowrap;
  320.     margin-top: 0;
  321.     border-top: 1px solid transparent;
  322.     overflow: hidden;
  323. }
  324.  
  325. .timeline-graph-side.selected {
  326.     background-color: rgba(56, 121, 217, 0.1) !important;
  327. }
  328.  
  329. .timeline-graph-bar-area {
  330.     position: absolute;
  331.     top: 0;
  332.     bottom: 0;
  333.     right: 0;
  334.     left: 3px;
  335.     pointer-events: none;
  336. }
  337.  
  338. .timeline-graph-bar {
  339.     position: absolute;
  340.     top: -1px;
  341.     bottom: 0;
  342.     margin: auto -2px;
  343.     height: 10px;
  344.     min-width: 5px;
  345.     z-index: 180;
  346.     pointer-events: visibleFill;
  347.     border-radius: 1px;
  348.     border: 1px solid;
  349. }
  350.  
  351. .timeline-graph-bar.with-children {
  352.     opacity: 0.25;
  353.     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  354. }
  355.  
  356. .timeline-graph-bar.cpu {
  357.     opacity: 0.7;
  358. }
  359.  
  360. .timeline-graph-side.background .timeline-graph-bar {
  361.     background: transparent !important;
  362.     border-width: 2px;
  363. }
  364.  
  365. .timeline-aggregated-category {
  366.     display: inline-block;
  367.     height: 11px;
  368.     margin-right: 2px;
  369.     margin-left: 6px;
  370.     position: relative;
  371.     top: 2px;
  372.     width: 10px;
  373.     border: solid 1px;
  374. }
  375.  
  376. .popover .timeline-aggregated-category.timeline-loading {
  377.     margin-left: 0;
  378. }
  379.  
  380. .popover ul {
  381.     margin: 0;
  382.     padding: 0;
  383.     list-style-type: none;
  384. }
  385.  
  386. .garbage-collect-status-bar-item .glyph {
  387.     -webkit-mask-position: -128px -24px;
  388. }
  389.  
  390. #resources-container-content {
  391.     overflow: hidden;
  392.     min-height: 100%;
  393. }
  394.  
  395. #resources-graphs {
  396.     position: absolute;
  397.     left: 0;
  398.     right: 0;
  399.     max-height: 100%;
  400.     top: 112px;
  401. }
  402.  
  403. .resources-graph-side {
  404.     position: relative;
  405.     height: 36px;
  406.     padding: 0 5px;
  407.     white-space: nowrap;
  408.     margin-top: 1px;
  409.     border-top: 1px solid transparent;
  410.     overflow: hidden;
  411. }
  412.  
  413. .resources-graph-bar-area {
  414.     position: absolute;
  415.     top: 0;
  416.     bottom: 0;
  417.     right: 8px;
  418.     left: 9px;
  419. }
  420.  
  421. #timeline-overview-sidebar .sidebar-tree {
  422.     flex: auto;
  423. }
  424.  
  425. #timeline-overview-sidebar .sidebar-tree-item {
  426.     height: auto;
  427.     flex: auto;
  428.     margin: 1px 0 1px 0;
  429.     border-top: none;
  430.     display: flex;
  431.     align-items: center;
  432.     border-left: 6px solid transparent;
  433.     padding-left: 0;
  434.     color: #666;
  435. }
  436.  
  437. #timeline-overview-sidebar .sidebar-tree-item:hover {
  438.     color: inherit;
  439. }
  440.  
  441. #timeline-overview-sidebar .sidebar-tree-item.selected {
  442.     font-weight: bold;
  443.     color: inherit;
  444.     text-shadow: none;
  445.     background: none;
  446.     border-left: 6px solid #555;
  447. }
  448.  
  449. #timeline-overview-sidebar .sidebar-tree-item .titles.no-subtitle {
  450.     top: initial;
  451. }
  452.  
  453. #timeline-overview-sidebar .icon {
  454.     height: 24px;
  455.     margin: 0;
  456.     -webkit-mask-image: url(Images/statusbarButtonGlyphs.png);
  457.     -webkit-mask-size: 320px 144px;
  458.     background-color: black;
  459. }
  460.  
  461. @media (-webkit-min-device-pixel-ratio: 1.5) {
  462. #timeline-overview-sidebar .icon {
  463.     -webkit-mask-image: url(Images/statusbarButtonGlyphs_2x.png);
  464. }
  465. } /* media */
  466.  
  467. .timeline-overview-sidebar-events .icon {
  468.     -webkit-mask-position: -192px -48px;
  469. }
  470.  
  471. .timeline-overview-sidebar-frames .icon {
  472.     -webkit-mask-position: -160px -48px;
  473. }
  474.  
  475. .timeline-overview-sidebar-memory .icon {
  476.     -webkit-mask-position: -224px -48px;
  477. }
  478.  
  479. .timeline-overview-sidebar-power .icon {
  480.     -webkit-mask-position: -64px -120px;
  481. }
  482.  
  483. .memory-graph-label {
  484.     position: absolute;
  485.     left: 5px;
  486.     font-size: 9px;
  487.     color: rgb(50%, 50%, 50%);
  488.     white-space: nowrap;
  489. }
  490.  
  491. .max.memory-graph-label {
  492.     top: 5px;
  493. }
  494.  
  495. .min.memory-graph-label {
  496.     bottom: 5px;
  497. }
  498.  
  499. #memory-graphs-canvas-container {
  500.     overflow: hidden;
  501.     flex: auto;
  502.     position: relative;
  503. }
  504.  
  505. #memory-counters-graph {
  506.     flex: auto;
  507. }
  508.  
  509. #memory-graphs-canvas-container .memory-counter-marker {
  510.     position: absolute;
  511.     border-radius: 3px;
  512.     width: 5px;
  513.     height: 5px;
  514.     margin-left: -3px;
  515.     margin-top: -2px;
  516. }
  517.  
  518. #memory-graphs-container .split-view-contents-first {
  519.     background-color: rgb(236, 236, 236);
  520.     overflow-y: hidden;
  521. }
  522.  
  523. #memory-graphs-container .sidebar-tree-section {
  524.     padding-left: 5px;
  525. }
  526.  
  527. .memory-counter-sidebar-info {
  528.     margin: 5px;
  529.     white-space: nowrap;
  530. }
  531.  
  532. .memory-counter-sidebar-info .swatch {
  533.     background-image: none;
  534.     border: 1px solid rgba(0,0,0,0.3);
  535.     opacity: 0.5;
  536. }
  537.  
  538. .memory-counter-sidebar-info.bottom-border-visible {
  539.     border-bottom: 1px solid #AAA;
  540. }
  541.  
  542. .memory-counter-sidebar-info .title {
  543.     margin: 4px;
  544. }
  545.  
  546. .memory-counter-value {
  547.     margin: 4px;
  548. }
  549.  
  550. #counter-values-bar {
  551.     flex: 0 0 18px;
  552.     border-bottom: solid 1px lightgray;
  553.     width: 100%;
  554.     overflow: hidden;
  555.     line-height: 18px;
  556. }
  557.  
  558. .timeline .resources-event-divider {
  559.     height: 19px;
  560.     width: 8px;
  561.     border-left-width: 2px;
  562.     border-left-style: solid;
  563.     bottom: auto;
  564.     pointer-events: auto;
  565. }
  566.  
  567. .resources-red-divider {
  568.     border-color: rgba(255, 0, 0, 0.5);
  569. }
  570.  
  571. .resources-blue-divider {
  572.     border-color: rgba(0, 0, 255, 0.5);
  573. }
  574.  
  575. .resources-orange-divider {
  576.     border-color: rgba(255, 178, 23, 0.5);
  577. }
  578.  
  579. .resources-green-divider {
  580.     border-color: rgba(0, 130, 0, 0.5);
  581. }
  582.  
  583. .resources-divider:last-child {
  584.     border-color: transparent;
  585. }
  586.  
  587. .timeline .resources-event-divider.timeline-frame-divider {
  588.     background-color: rgba(180, 180, 180, 0.8);
  589.     border-style: none;
  590.     width: 1px;
  591.     height: 100%;
  592.     pointer-events: none;
  593. }
  594.  
  595. .timeline-frame-container {
  596.     height: 19px;
  597.     overflow: hidden;
  598.     background-color: rgb(220, 220, 220);
  599.     opacity: 0.8;
  600.     color: black;
  601.     text-align: center;
  602.     padding-top: 3px;
  603.     z-index: 220;
  604.     pointer-events: auto;
  605. }
  606.  
  607. .timeline-frame-strip {
  608.     position: absolute;
  609.     height: 19px;
  610. }
  611.  
  612. #timeline-grid-header {
  613.     pointer-events: none;
  614.     height: 19px;
  615. }
  616.  
  617. #timeline-graph-records-header {
  618.     pointer-events: none;
  619.     height: 19px;
  620.     padding: 1px 0;
  621.     justify-content: center;
  622. }
  623.  
  624. .timeline-utilization-strip {
  625.     z-index: 250;
  626.     overflow: hidden;
  627.     flex: 0 1 12px;
  628.     position: relative;
  629.     height: 9px;
  630. }
  631.  
  632. .timeline-utilization-strip .timeline-graph-bar {
  633.     border-color: rgb(192, 192, 192);
  634.     background-color: rgba(0, 0, 0, 0.1);
  635.     margin: 1.5px auto;
  636.     height: auto;
  637. }
  638.  
  639. .timeline-utilization-strip.gpu .timeline-graph-bar {
  640.     background-color: #00a;
  641.     border: none;
  642.     opacity: 0.3;
  643.     min-width: 0;
  644. }
  645.  
  646. .timeline-utilization-strip.gpu .timeline-graph-bar.gpu-task-foreign {
  647.     background-color: #aaa;
  648. }
  649.  
  650. .timeline-cpu-curtain-left, .timeline-cpu-curtain-right {
  651.     background-color: rgba(210, 210, 210, 0.5);
  652.     position: absolute;
  653.     top: 0;
  654.     height: 100%;
  655.     z-index: 300;
  656. }
  657.  
  658. .timeline-cpu-curtain-left {
  659.     left: 0;
  660. }
  661.  
  662. .timeline-cpu-curtain-right {
  663.     right: 0;
  664. }
  665.  
  666. .image-preview-container {
  667.     background: transparent;
  668.     text-align: left;
  669.     border-spacing: 0;
  670. }
  671.  
  672. .image-preview-container img {
  673.     max-width: 100px;
  674.     max-height: 100px;
  675.     background-image: url(Images/checker.png);
  676.     -webkit-user-select: text;
  677.     -webkit-user-drag: auto;
  678. }
  679.  
  680. .image-container {
  681.     padding: 0;
  682. }
  683.  
  684. .memory-category-value {
  685.     float: right;
  686. }
  687.  
  688. .timeline-filters-header {
  689.     flex: 0 0 23px;
  690.     overflow: hidden;
  691. }
  692.  
  693. .timeline-details {
  694.     -webkit-user-select: text;
  695.     vertical-align: top;
  696. }
  697.  
  698. .timeline-details-title {
  699.     border-bottom: 1px solid #B8B8B8;
  700.     font-weight: bold;
  701.     padding-bottom: 5px;
  702.     padding-top: 0;
  703.     white-space: nowrap;
  704. }
  705.  
  706. .timeline-details-row-title {
  707.     font-weight: bold;
  708.     text-align: right;
  709.     white-space: nowrap;
  710. }
  711.  
  712. .timeline-details-row-data {
  713.     white-space: nowrap;
  714. }
  715.  
  716. .timeline-details-view {
  717.     color: #333;
  718.     overflow: hidden;
  719. }
  720.  
  721. .timeline-details-view-title {
  722.     padding: 2px 5px;
  723.     flex: 0 0 19px;
  724.     border-bottom: 1px solid rgb(202, 202, 202);
  725.     background-color: rgb(236, 236, 236);
  726.     white-space: nowrap;
  727.     display: flex;
  728.     color: rgb(92, 110, 129);
  729.     text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
  730.     overflow: hidden;
  731.     text-overflow: ellipsis;
  732. }
  733.  
  734. .timeline-details-view-body {
  735.     padding-top: 2px;
  736.     flex: auto;
  737.     overflow: auto;
  738.     position: relative;
  739. }
  740.  
  741. .timeline-details-view-block {
  742.     flex: none;
  743. }
  744.  
  745. .timeline-details-view-row {
  746.     padding: 2px 0 2px 6px;
  747.     white-space: nowrap;
  748. }
  749.  
  750. .timeline-details-view-row-title {
  751.     font-weight: bold;
  752.     color: rgb(48, 57, 66);
  753. }
  754.  
  755. .timeline-details-view-row-value {
  756.     padding-left: 10px;
  757. }
  758.  
  759. .timeline-details-view-row-details {
  760.     padding-left: 10px;
  761. }
  762.  
  763. .timeline-details-view-row-details .image-preview-container {
  764.     padding: 10px;
  765. }
  766.  
  767. .timeline-details-view-row-stack-trace {
  768.     padding: 4px 0 4px 20px;
  769. }
  770.  
  771. .timeline-details-view-row-stack-trace div {
  772.     white-space: nowrap;
  773.     text-overflow: ellipsis;
  774. }
  775.  
  776. .timeline-details-view-row-stack-trace .webkit-html-external-link,
  777. .timeline-details-view-row-stack-trace .webkit-html-resource-link {
  778.     color: #333 !important;
  779. }
  780.  
  781. .timeline-memory-split {
  782.     flex: auto;
  783. }
  784.  
  785. .timeline-memory-split > .split-view-contents-first {
  786.     overflow: hidden;
  787. }
  788.  
  789. .timeline-aggregated-info {
  790.     flex: none;
  791.     position: relative;
  792.     margin: 8px 2px;
  793.     width: 200px;
  794. }
  795.  
  796. .timeline-aggregated-info-legend > div {
  797.     overflow: hidden;
  798.     white-space: nowrap;
  799.     text-overflow: ellipsis;
  800. }
  801.  
  802. .timeline-aggregated-info .pie-chart {
  803.     margin-left: 20px;
  804.     margin-bottom: 10px;
  805. }
  806.  
  807. .timeline-flamechart-view #timeline-overview-grid {
  808.     display: none;
  809. }
  810.  
  811. .timeline-flamechart-view .flame-chart-main-pane .resources-divider-label {
  812.     text-align: center;
  813. }
  814.  
  815. .timeline-flamechart {
  816.     overflow: hidden;
  817. }
  818.  
  819. .timeline-progress-pane {
  820.     position: absolute;
  821.     top: 0px;
  822.     right: 0px;
  823.     bottom: 0px;
  824.     left: 0px;
  825.     color: #777;
  826.     background-color: rgba(255, 255, 255, 0.8);
  827.     font-size: 30px;
  828.     z-index: 500;
  829.     display: flex;
  830.     justify-content: center;
  831.     align-items: center;
  832. }
  833.